<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<body>

<div th:fragment="comments">
    <div id="commentsContent" class="comments-content v" data-class="v">
        <div class="vpanel">
            <div class="vwrap">
                <div class="vheader item3">
                    <a class="myIcon" a-data="h">&#xe6e2;</a>
                    <a class="myIcon" a-data="b">&#xe608;</a>
                    <a class="myIcon" a-data="link">&#xe60c;</a>
                    <a class="myIcon" a-data="code">&#xe70b;</a>
                    <a class="myIcon" a-data="quote">&#xe6f4;</a>
                    <a class="myIcon" a-data="img">&#xe70a;</a>
                    <span id="replySite" style="display: none; margin-left: 20px;background-color: #f0f0f0;padding: 2px 8px;">
                        <span></span>
                        <a onclick="javascripg:$('#replySite').hide()" class="myIcon">&#xe606;</a>
                    </span>
                </div>
                <div class="vedit"><textarea id="veditor" class="veditor vinput"
                                             placeholder="你是我一生只会遇见一次的惊喜..."></textarea>
                    <div class="vrow">
                        <div class="vcol vcol-60 status-bar"></div>
                        <div class="vcol vcol-40 vctrl text-right">
                     <span id="vpreview-btn" title="预览" class="vicon vpreview-btn"><svg viewBox="0 0 1024 1024"
                                                                                        version="1.1"
                                                                                        xmlns="http://www.w3.org/2000/svg"
                                                                                        p-id="17688" width="22"
                                                                                        height="22">
                          <path
                                  d="M502.390154 935.384615a29.538462 29.538462 0 1 1 0 59.076923H141.430154C79.911385 994.461538 29.538462 946.254769 29.538462 886.153846V137.846154C29.538462 77.745231 79.950769 29.538462 141.390769 29.538462h741.218462c61.44 0 111.852308 48.206769 111.852307 108.307692v300.268308a29.538462 29.538462 0 1 1-59.076923 0V137.846154c0-26.899692-23.355077-49.230769-52.775384-49.230769H141.390769c-29.420308 0-52.775385 22.331077-52.775384 49.230769v748.307692c0 26.899692 23.355077 49.230769 52.775384 49.230769h360.999385z"
                                  p-id="17689"></path>
                          <path
                                  d="M196.923077 216.615385m29.538461 0l374.153847 0q29.538462 0 29.538461 29.538461l0 0q0 29.538462-29.538461 29.538462l-374.153847 0q-29.538462 0-29.538461-29.538462l0 0q0-29.538462 29.538461-29.538461Z"
                                  p-id="17690"></path>
                          <path
                                  d="M649.846154 846.769231a216.615385 216.615385 0 1 0 0-433.230769 216.615385 216.615385 0 0 0 0 433.230769z m0 59.076923a275.692308 275.692308 0 1 1 0-551.384616 275.692308 275.692308 0 0 1 0 551.384616z"
                                  p-id="17691"></path>
                          <path
                                  d="M807.398383 829.479768m20.886847-20.886846l0 0q20.886846-20.886846 41.773692 0l125.321079 125.321079q20.886846 20.886846 0 41.773693l0 0q-20.886846 20.886846-41.773693 0l-125.321078-125.321079q-20.886846-20.886846 0-41.773693Z"
                                  p-id="17692"></path>
                        </svg></span></div>
                    </div>
                </div>
                <div class="vrow">
                    <div class="vcol vcol-30">
                    </div>
                    <div class="vcol vcol-70 text-right">
                        <button id="vsubmit" type="button" title="Cmd|Ctrl+Enter"
                                class="vsubmit vbtn">提交
                        </button>
                    </div>
                </div>
                <div class="article-body">
                    <div id="vpreview" class="vinput vpreview" style="display:none;">

                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/liujun0128/blog@master/static/js/comments.js"></script>
</div>

<div th:fragment="commentsList">
    <div class="comments-content v" data-class="v">
        <!--评论列表display:none;-->
        <!--        <div class="vcount" style=""><span class="vnum">0</span> 评论</div>-->
        <!--加载效果display:none;-->
        <div class="vload-top text-center" style="display:none">
            <i class="vspinner" style="width:30px;height:30px;"></i>
        </div>
        <!--评论内容-->
        <div id="vcardsList" class="vcards">
<!--            <div class="vcard">-->
<!--                <img class="vimg"-->
<!--                     src="https://gravatar.loli.net/avatar/487f87505f619bf9ea08f26bb34f8118?d=mp&amp;v=1.4.14">-->
<!--                <div class="vh">-->
<!--                    <div class="vhead"><span class="vnick">测试1</span></div>-->
<!--                    <div class="vmeta"><span class="vtime">0 秒前</span>-->
<!--                        <span class="vat" >回复</span>-->
<!--                    </div>-->
<!--                    <div class="vcontent">-->
<!--                        <p><a href="#5f843a9d6cec6603455d0902" target="_self"-->
<!--                              rel="nofollow">@Live For-->
<!--                            Code </a>，测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试</p>-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
        </div>
        <!--加载效果display:none;-->
        <div class="vload-bottom text-center" style="display:none;">
            <i class="vspinner" style="width:30px;height:30px;"></i>
        </div>
        <!--评价为空-->
        <div class="vempty">快来做第一个评论的人吧~</div>
        <!--多个评价 display:none-->
        <div class="vpage txt-center" style="display:none">
            <button type="button" class="vmore vbtn">加载更多</button>
        </div>
    </div>
</div>
</body>
</html>